<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <title>{{title}}</title>
    <link rel = "stylesheet" href = "../static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src = "../static/jquery-3.2.1.min.js"></script>
    <script src = "../static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src = "../static/handlebars-v4.0.11.js"></script>
    <style>
        .my-label{
            float:left;
            padding:5px 10px;
            background:#337ab7;
            margin:3px;
            color:#fff;
            font-size:12px;
            vertical-align:middle;
        }

        .my-label.main{
            background:#444;
        }

    </style>
</head>
<body>
<div style = "width:100%;height:60px;line-height:60px;background: #444;color:#ffffff;font-size:18px;text-align: center;" id = "topInfo">
    <span>肯耐珂萨CS项目用户日志数据</span>
</div>
<div style = "width:98%;margin:10px auto 10px">
    {% for log in logs %}
    <div style = "margin-bottom:90px;">
        <div style = "margin-top:0px;clear:both;">
            <a class = "my-label main">UserID</a><a href = "#" class = "my-label">{{log.UserID}}</a>
        </div>
        <div style = "margin-top:10px;clear:both;">
            <a class = "my-label main">UserKey</a><a href = "#" class = "my-label">{{log.UserKey}}</a>
        </div>
        <div style = "margin-top:20px;clear:both;">
            <a class = "my-label main">用户标签</a>
            {% for label in log.labels %}
            <a href = "#" class = "my-label">{{label}}</a>
            {% endfor %}
        </div>
        <div style = "margin-top:20px;clear:both;">
            <a class = "my-label main">历史搜索</a>
            {% for t in log.job_queried %}
            <a href = "#" class = "my-label">{{t['keyword']}}</a>
            {% endfor %}
        </div>
        <div style = "margin-top:20px;clear:both;">
            <a class = "my-label main">职位收藏</a>
            {% for t in log.job_collected %}
            <a href = "#" class = "my-label">{{t}}</a>
            {% endfor %}
        </div>
        <div style = "margin-top:20px;clear:both;">
            <a class = "my-label main">职位投递</a>
            {% for t in log.job_delivered %}
            <a href = "#" class = "my-label">{{t}}</a>
            {% endfor %}
        </div>
        <div style = "margin-top:20px;clear:both;">
            <a class = "my-label main">历史查看</a>
            {% for t in log.job_viewed %}
            <a href = "#" class = "my-label">{{t}}</a>
            {% endfor %}
        </div>
        <div style = "margin-top:20px;clear:both;">
            <a class = "my-label main">适配指数</a>
            {% for k,v in log.evaluation.adaptation_index.items() %}
            <a href = "#" class = "my-label">{{k}} : {{v}}</a>
            {% endfor %}
        </div>
        <div style = "margin-top:20px;clear:both;">
            <a class = "my-label main">实习概况</a>
            {% for k in log.resume.internshipExperience %}
            <a href = "#" class = "my-label">{{k['CompanyName']}}({{k['PositionName']}})</a>
            {% endfor %}
        </div>
        <div style = "margin-top:20px;clear:both;">
            <a class = "my-label main">学历概况</a>
            {% for k in log.resume.education %}
            <a href = "#" class = "my-label">{{k['SchoolName']}}</a>
            {% endfor %}
        </div>
    </div>
    {% endfor %}
</div>
<script src = "../static/user_log.js"></script>
</body>
</html>